<template>
  <div class="user">
    <h2>用户页面</h2>
    <p>用户 ID: {{ userId }}</p>
  </div>
</template>

<script setup>
import { ref } from 'vue';

// 在实际应用中，这个值会从路由参数中获取
const userId = ref('123');
</script>

<style scoped>
.user {
  padding: 20px;
  background-color: #f7e8fd;
  border-radius: 5px;
}
</style> 